<template>
  <div>
    <ee-button @click="placeholder = !placeholder">切换placeholder</ee-button>
    <ee-button @click="vif = !vif">删掉tabbar</ee-button>
    <ee-tabbar-group v-if="vif" :placeholder="placeholder" @onchange="test">
      <ee-tabbar icon="icon-iconfonticon6">菜单1</ee-tabbar>
      <ee-tabbar icon="icon-iconfontpengyouquan">菜单2</ee-tabbar>
      <ee-tabbar :icon="i => i ? 'icon-iconfonthome0' : 'icon-ai-weixin'">菜单3</ee-tabbar>
      <ee-tabbar icon="icon-iconfontpengyouquan">菜单4</ee-tabbar>
    </ee-tabbar-group>
    <div style="background-color:red;width:100%;height:100%">菜单项外面的东西</div>
  </div>
</template>

<script type="text/javascript">

export default {
  name: "test-ee-tabbar",
  data() {
    return {
      placeholder: false,
      vif: true,
    }
  },
  methods: {
    test(item) {
      console.log("test: ", item)
    },
  },
  mounted() {
  },
}
</script>

<style lang="scss" scoped>
</style>